<template>
  <div class="about">
    <h1>This is an detail page</h1>
    <!-- 方式1：通过当前路由规则，获取数据 -->
    通过当前路由规则获取： {{$route.params.id}}
    <br>
    <!-- 方式2：通过规则中开启 props 传参 -->
    通过开启 props 获取：{{id}}
  </div>
</template>

<script>
export default {
  name: 'Detail',
  props: ['id']
}
</script>